草庐IT

dart - Flutter:刮刮卡

全部标签

internationalization - SEO 友好的国际化 Polymer.dart

我在Polymer元素中显示国际化字符串,如下所示:{{myContent}}...并具有以下Dart代码:@observableStringmyContent;//...voidonUpdateLocale(_locale){myContent=getMyContent();}//...getMyContent()=>Intl.message('Allmycontent...',name:'myContent',desc:'Thisismycontent',args:[],examples:{'None':0});但是;当Google抓取该应用程序时,它只会提取“{{myConten

flutter开发网络环境配置

flutter的网络环境主要受三个配置项的影响,flluter的网络环境,github的网络环境和android的网络环境,现在对每一配置项详细说明1.配置flutter的网络环境配置项flutter的网络环境的配置官方进行了引导说明,官方引导说明见https://flutter.cn/community/china,另外还需额外配置.1.1flutter.gradle文件的设置找到fullter安装目录,在这个路径/flutter/packages/flutter_tools/gradle/flutter.gradle找到flutter.gradle这个文件,把flutter.gradle文

Flutter canvas 画一条会动的波浪线 进度条

之前用FlutterCanvas画过一个三角三角形,html的Canvas也画过一次类似的,今天用FlutterCanvas试了下感觉差不多:html版本大致效果如下:思路和html实现的类似:也就是找出点的位置,使用二阶贝塞尔曲线实现: 代码如下:import'package:flutter/material.dart';classPageCanvasextendsStatefulWidget{constPageCanvas({Key?key}):super(key:key);@overrideStatecreateState()=>_PageCanvasState();}class_Pag

「面试精选」Flutter 高频面试题(2023最新版)

前言提到跨平台,第一个想到的都是Flutter,如果你简历上有写使用过Flutter总能让人对你加技术分。本人很愚笨,但相信只要你坚持,最后你会得到应有的回报。当你的基础知识好到让面试官怎么都问不倒的时候,那你离offer就很近了。好了,铺垫已经做好了,接下来就直接上最近面试整理的Flutter干货了。1.Dart语言的特性?Productive(生产力高,Dart的语法清晰明了,工具简单但功能强大)Fast(执行速度快,Dart提供提前优化编译,以在移动设备和Web上获得可预测的高性能和快速启动。)Portable(易于移植,Dart可编译成ARM和X86代码,这样Dart移动应用程序可以在

Dart 3.3 发布:扩展类型、JavaScript Interop 等

参考链接:https://medium.com/dartlang/dart-3-3-325bf2bf6c13跟随Flutter3.19发布的还有Dart3.3,Dart3.3主要包含扩展类型增强,性能优化和native代码交互推进,例如本次改进的JavaScriptInterop模型就引入了类型安全,所以这一切都为WebAssembly支持铺平了道路。在《Flutter2024路线规划里》,Web平台上未来CanvasKit将成为默认渲染,所以未来Dart在Web上肯定是WasmNative的路线。扩展类型扩展类型是一种编译时抽象,它用不同的纯静态接口来“Wrapper”现有类型,同时它们也是

Elasticsearch与Dart的集成与使用

1.背景介绍1.背景介绍Elasticsearch是一个基于Lucene的搜索引擎,它提供了实时、可扩展和可伸缩的搜索功能。Dart是Google开发的一种新型编程语言,它具有简洁、高效和可靠的特点。在现代Web开发中,Elasticsearch和Dart都是常用的技术选择。本文将介绍Elasticsearch与Dart的集成与使用,并提供一些最佳实践和实际应用场景。2.核心概念与联系Elasticsearch与Dart之间的集成主要是通过HTTPAPI来实现的。Dart可以通过HTTP库发送请求到Elasticsearch服务器,从而实现与Elasticsearch的交互。在这个过程中,Da

flutter设置windows是否显示标题栏和状态栏和全屏显示

想要让桌面软件实现全屏和不显示状态栏或者自定义状态栏,就可以使用window_manager这个依赖库,使用起来还是非常方便的,可以自定义显示窗口大小和位置,还有设置标题栏是否展示等内容,也可以设置可拖动区域。官方仓库地址:window_manager|FlutterPackagegithub仓库地址:https://github.com/leanflutter/window_manager 安装依赖在pubspec.yaml文件中添加依赖:window_manager:^0.3.7,并更新依赖库:pubget初始化window在main.dart中配置初始化:voidmain()async{

flutter添加webview功能之后报错 webview_flutter包 Dependency 'androidx.webkit:webkit:1.8.0' requires libraries and applications Dependency 'androidx.browser:browser:1.6.0' requires libraries and applications

在项目开发中需要添加webview,加载内置的html文件,代码写完后ios运行没有问题,运行安卓时报错,错误提示如下:FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:checkDebugAarMetadata'.>Afailureoccurredwhileexecutingcom.android.build.gradle.internal.tasks.CheckAarMetadataWorkAction>2issueswerefoundwhencheckingAARmetadata:1

flutter dio^5.3.3实现刷新token

业务场景:并发请求A、B、C三个接口,但是这个三个接口都需要携带token才能请求到正确结果,所以我们的正确思维应该是,例如A接口请求到了,但是返回401没有权限,这个时候就需要拦截B和C两个接口不去执行,然后A接口返回401之后我们去请求tokne,拿到token后还有把A接口重试一下,也就是重新请求一次,最后,我们再放行B和C接口的请求。dio^4.0的版本里才有Lock这个类,到了dio^5.0的版本,作者希望使用QueuedInterceptorsWrapper去拦截队列请求。但是一定要注意,整个功能我们需要两个dio的实例,一个负责正常的业务请求,另一个dio实例负责只请求token

Flutter 双指缩放和双指移动共存手势检测系列之--1方案

Flutter双指缩放和双指移动共存手势检测前言关于Flutter缩放和移动最终效果GestureDetector移动和缩放动作双指缩放和移动Gesture方案源码解读方案小结小结局限代码示例项目体验本文源码系列前言本文所采用Flutter版本为3.10.6,也许后续版本官方会对手势做进一步丰富完善,以解决本文涉及到的解决方案。本文涉及项目手势需求:双指向外或内触屏伸缩,对图片进行缩放;双指在屏幕上同向触屏移动,移动图片。关于Flutter缩放和移动Flutter使用中采用GestureDetector进行移动或是手势判定,该手势检测器内置了移动,缩放,长按等动作检测。如果应用在缩放和移动上是